<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<title>回收站—人员管理</title>

	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />

	<link href="../assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
	<link href="../assets/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />

	<link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet" />
	<link href="../css/font-awesome.css" rel="stylesheet" />
	<link rel="icon" href="../ico.ico" />
	<link href="../css/adminia.css" rel="stylesheet" />
	<link href="../css/adminia-responsive.css" rel="stylesheet" />


	<link href="../css/pages/faq.css" rel="stylesheet" />

	<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>

	<div class="navbar navbar-fixed-top">

		<div class="navbar-inner">

			<div class="container">

				<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</a>

				<a class="brand" href="./">Adminia Admin</a>

				<div class="nav-collapse">

					<ul class="nav pull-right">


						<li class="divider-vertical"></li>

						<li class="dropdown">

							<a data-toggle="dropdown" class="dropdown-toggle " href="#">
								Super User<b class="caret"></b>
							</a>

							<ul class="dropdown-menu">


								<li>
									<a href="./change_password.html"><i class="icon-lock"></i> Change Password</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="./"><i class="icon-off"></i> Logout</a>
								</li>
							</ul>
						</li>
					</ul>

				</div> <!-- /nav-collapse -->

			</div> <!-- /container -->

		</div> <!-- /navbar-inner -->

	</div> <!-- /navbar -->




	<div id="content">

		<div class="container">

			<div class="row">

				<div class="span3">

					<div class="account-container">

						<div class="account-avatar">
							<img src="../img/superuser.jpg" alt="" class="thumbnail" />
						</div> <!-- /account-avatar -->

						<div class="account-details" id="user">

							<span class="account-name">{{tel}}</span>

							<span class="account-role">Administrator</span>



						</div> <!-- /account-details -->

					</div> <!-- /account-container -->

					<hr />

					<ul id="main-nav" class="nav nav-tabs nav-stacked">

						<li>
							<a href="super_login_jump.html">
								<i class="icon-home"></i>
								超级管理员主页
							</a>
						</li>

						<li class="active">
							<a href="faq_s.html">
								<i class="icon-pushpin"></i>
								废品类型管理
							</a>
						</li>


						<li>
							<a href="account_s.html">
								<i class="icon-user"></i>
								账号设置
							</a>
						</li>

						<li>
							<a href="login.html">
								<i class="icon-lock"></i>
								新的登录
							</a>
						</li>

					</ul>



					<hr />

					<div class="sidebar-extra">
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
							labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
					</div> <!-- .sidebar-extra -->

					<br />

				</div> <!-- /span3 -->



				<div class="span9">

					<h1 class="page-title">
						<i class="icon-pushpin"></i>
						添加废品类型
					</h1>

					<div class="widget">

						<div class="widget-content" style="background-color:#D6E9C6">
							<div class="form" id="person">

								<input v-model="type" type="text" name="name" class="name" placeholder="类型" style="color: black;">
								<input v-model="price" class="bigtext" name="price" class="price" placeholder="单价（/kg，/件）"
									style="color: black;">
								<button type="submit" id="submit">添加</button>
							</div>

						</div> <!-- /widget-content -->

					</div> <!-- /widget -->

					<div class="col-md-10" style="float: right; width: 840px;">

						<div class="row">
							<div class="panel panel-default">
								<div class="panel-heading">
									<h1 class="page-title">
										<i class="icon-th-list"></i>所有废品类型</h1>
								</div>
								<div class="widget-header">
									<i class="icon-th-list"></i>
									<h3>废品列表</h3>
								</div> <!-- /widget-header -->

								<div class="widget-content">

									<table class="table table-striped table-bordered">
										<thead>
											<tr>
												<th>#</th>
												<th>废品类型</th>
												<th>单价</th>
												<th>删除</th>
											</tr>
										</thead>
										<tbody id="list">
											<tr v-for="(item,index) in items">
												<td>{{index+1}}</td>
												<td>{{item.rubbis_type}}</td>
												<td>{{item.rub_price}}</td>
												<td class="action-td">

													<div v-bind:value="index" id="delete" class="delete btn btn-small"
														onclick="shanchu(this)">
														<i class="icon-remove"></i>
													</div>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div> <!-- /span9 -->
			</div> <!-- /row -->

		</div> <!-- /container -->

	</div> <!-- /content -->



	<div id="footer">

		<div class="container">
			<hr />
			<p>&copy; 2019 拾荒网</p>
		</div> <!-- /container -->

	</div> <!-- /footer -->



	<script src="../assets/jquery/jquery-3.2.1.min.js"></script>
	<script src="../assets/vue/vue.min.js"></script>
	<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
	<script src="../assets/mylibrary/cookie.js"></script>
	<script src="../assets/mylibrary/urlParam.js"></script>
	<script src="../js/common.js"></script>
	<!-- Le javascript
================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="../js/jquery-1.7.2.min.js"></script>


	<script src="../js/bootstrap.js"></script>
	<script src="../js/faq.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
	<script type="text/javascript" src="../js_1/bootstrap.min.js"></script>
	<script type="text/javascript" src="../js_1/twitter-bootstrap-hover-dropdown.min.js"></script>
	<script type="text/javascript" src="../js_1/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="../js_1/DT_bootstrap.js"></script>

	<script>


	</script>

</body>

</html>
<script src="../ourJS/faq_s.js"></script>